/**
*@author       wuwg
*@createTime   2018/03/20
*@updateTime   2018/03/20
*@description
*@rule
 */
@import '../../../config/config.less';
@import '../../../mixins/tooltip/index.less';

@css-prefix-tooltip: ~"@{css-prefix}tooltip";
@css-prefix-tooltip-arrow: ~"@{css-prefix-tooltip}-arrow";
@tooltip-max-width: 250px;
@tooltip-arrow-width: 5px;
@tooltip-distance: @tooltip-arrow-width - 1 + 4;

.@{css-prefix-tooltip} {
  display: inline-block;

  &-rel{
    display: inline-block;
    position: relative;
  }

  &-popper{
    .popper(@css-prefix-tooltip-arrow, @tooltip-arrow-width, @tooltip-distance, @tooltip-bg);
  }

  &-inner{
    max-width: @tooltip-max-width;
    min-height: 34px;
    padding: 8px 12px;
    color: @tooltip-color;
    text-align: left;
    text-decoration: none;
    background-color: @tooltip-bg;
    border-radius: @border-radius-small;
    box-shadow: @shadow-base;
    /*white-space: nowrap;*/
  }

  &-arrow{
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
  }
}
